@layout-header-background: #202020;
@layout-body-background: #000000;
@layout-block-background: #151515;
@layout-block-border: #303030;

@text-color: #fff;
@primary-color: #36b368;

[data-doc-theme=dark] * {
    color: @text-color
}

[data-doc-theme=dark] .header {
    background-color: @layout-header-background;
}

[data-doc-theme=dark] .index-container {
    background-color: @layout-header-background;
}

[data-doc-theme=dark]>body {
    background-color: @layout-header-background;
}

[data-doc-theme=dark] .main-container {
    background-color: @layout-header-background;
}

[data-doc-theme=dark] .main-container,
[data-doc-theme=dark] .site-footer {
    background-color: @layout-header-background;
}

[data-doc-theme=dark] .top-nav {
    color: @text-color  !important;
}

[data-doc-theme=dark] .art-card,
[data-doc-theme=dark] .right-main-warp {
    border-color: @layout-block-border ;
    background-color: @layout-block-background;
}